<template>
    <div id="muke-left">
        <div class="common-menu">
            <router-link to="/main/cloud-disk">
                <folder id="muke-folder"></folder>
            </router-link>
        </div>
        <div id="muke-avatar">
            sss
        </div>
        <div>sssssssss</div>
    </div>
</template>

<script>
    // 做出菜单组件
    // js代码
    import folder from '../icons/folder';
    export default {
        components:{
            folder
        }
        
    }
</script>
<style scoped>
    #muke-folder{
        width: 40px;height: 40px;
        margin: 20px;
        
    }
    #muke-left{
        /* background-color: cornflowerblue; */
        width: 80px;
        height: 100vh;
        min-height: 500px;
        /*border-right:#BFBFBF solid 0.0625rem;*/
        box-shadow: rgb(119, 118, 118) 0px 0px 12px ;
        float: left;
        position: relative;
    }
    
    /* #muke-avatar{
        width: 80px;
        height: 180px;
        background-color:#409EFF;
        left: 0;
        bottom: 0;
    } */
    .common-menu{
        width: 80px;
        height: 80px;
        
        /*background-color: #409EFF;*/
    }
    .common-menu img{
        width: 40px;height: 40px;
        margin: 20px 20px 20px 20px;
        
    }
    a:hover{
        text-decoration: none;
    }
</style>